/* 重写 Element Plus 主题色 */
:root {
  --el-color-primary: #ff2442 !important;
  --el-color-primary-light-3: #ff5a72 !important;
  --el-color-primary-light-5: #ff8a9a !important;
  --el-color-primary-light-7: #ffb9c3 !important;
  --el-color-primary-light-8: #ffd1d7 !important;
  --el-color-primary-light-9: #ffe8eb !important;
  --el-color-primary-dark-2: #cc1d35 !important;
}

/* 按钮样式覆盖 */
.el-button--primary {
  --el-button-bg-color: #ff2442 !important;
  --el-button-border-color: #ff2442 !important;
  --el-button-hover-bg-color: #ff5a72 !important;
  --el-button-hover-border-color: #ff5a72 !important;
  --el-button-active-bg-color: #cc1d35 !important;
  --el-button-active-border-color: #cc1d35 !important;
}

/* 链接样式覆盖 */
.el-link.el-link--primary {
  --el-link-text-color: #ff2442 !important;
  --el-link-hover-text-color: #ff5a72 !important;
}

/* 单选框样式覆盖 */
.el-radio__input.is-checked .el-radio__inner {
  --el-radio-checked-bg-color: #ff2442 !important;
  --el-radio-checked-input-border-color: #ff2442 !important;
}

/* 复选框样式覆盖 */
.el-checkbox__input.is-checked .el-checkbox__inner {
  --el-checkbox-checked-bg-color: #ff2442 !important;
  --el-checkbox-checked-input-border-color: #ff2442 !important;
}

/* 开关样式覆盖 */
.el-switch.is-checked .el-switch__core {
  --el-switch-on-color: #ff2442 !important;
}

/* 滑块样式覆盖 */
.el-slider__bar {
  --el-slider-main-bg-color: #ff2442 !important;
}
.el-slider__button {
  --el-slider-main-bg-color: #ff2442 !important;
}

/* 分页样式覆盖 */
.el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
  --el-pagination-bg-color: #ff2442 !important;
}

/* 标签页样式覆盖 */
.el-tabs__item.is-active {
  --el-tabs-active-color: #ff2442 !important;
}
.el-tabs__active-bar {
  --el-tabs-active-color: #ff2442 !important;
}

/* 日期选择器样式覆盖 */
.el-date-table td.current:not(.disabled) .el-date-table-cell__text {
  --el-datepicker-active-color: #ff2442 !important;
}
.el-date-picker__header-label.active,
.el-date-picker__header-label:hover {
  --el-datepicker-hover-text-color: #ff2442 !important;
}

/* 表单验证样式覆盖 */
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus {
  --el-input-focus-border-color: #ff2442 !important;
}

/* 输入框样式覆盖 */
.el-input.is-active .el-input__inner,
.el-input__inner:focus,
.el-textarea__inner:focus {
  --el-input-focus-border-color: #ff2442 !important;
}

/* 级联选择器样式覆盖 */
.el-cascader-node.in-active-path,
.el-cascader-node.is-active,
.el-cascader-node.is-selectable.in-checked-path {
  --el-cascader-node-color-active: #ff2442 !important;
}

/* 消息提示样式覆盖 */
.el-message--success {
  --el-message-bg-color: #ffffff !important;
  --el-message-text-color: #ff2442 !important;
  --el-message-border-color: #fff0f0 !important;
}

/* 全局文字选中颜色 */
::selection {
  background-color: #ff2442 !important;
  color: white !important;
}

/* 滚动条样式 */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  background-color: #ff8a9a;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #ff5a72;
}

::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 4px;
}
